ul, ol, li,
dl, dt, dd,
h1, h2, h3, h4, h5, h6,
table, th, td,
p {padding: 0; margin: 0}
p {margin: 0.5em 0;}

.cleared {clear: both}
.text {font-size: 1em}
input, textarea {font-family:sans-serif}
textarea {height: 10em}

a {color: #336}
a:hover {color: #669}

#admin {font:10px 'segoe ui', 'lucida grande', 'trebuchet ms', helvetica, arial, sans-serif;}
#admin-nav {font-size:1.2em; padding:0.5em 1em; background:#9bf; border:2px solid #79d}
#admin-nav a {margin-right:1em}
#admin-messages {background:#ffd; border:2px solid #dda; padding:0 1em; margin: 0.5em 0}
#admin .column {float: left; width: 49%}

/* panel */
.corners-top, .corners-bottom {height: 6px; margin: 0 -3px; position: relative}
.corners-top .left {background: url('../img/corners.png') no-repeat top right;
    width: 100%; height: 6px; width: 6px;}
.corners-top .right {background: url('../img/corners.png') no-repeat bottom right;
    width: 100%; height: 6px; width: 6px; position: absolute; top: 0; right: 0}
.corners-bottom .left {background: url('../img/corners.png') no-repeat top left;
    width: 100%; height: 6px; width: 6px; position: absolute; top: 3px}
.corners-bottom .right {background: url('../img/corners.png') no-repeat bottom left;
    width: 100%; height: 6px; width: 6px; position: absolute; top: 3px; right: 0}
.box {background: #fff; margin: 1em 0; padding: 0 2px 2px; border: solid #99a;
    border-width: 0 1px 1px}
.panel {background: #e9e9f2 url('../img/panel.png') repeat-x top; font-size: 1.4em}
.content {padding: 0.5em 1em}

/* tabs */
.tabs {background:#fff; margin: 0 -3px}
.tabs ul {list-style: none; padding: 0 1.5em; position: relative; top: 3px}
.tabs li {display: inline-block; font-size: 1.4em; margin-right: 0.25em;
    padding-right: 0.75em; background: url('../img/tab.png') no-repeat right bottom}
.tabs li span {display: inline-block; padding-left: 0.75em; height: 24px; line-height: 24px;
    background: url('../img/tab.png') no-repeat left bottom}
.tabs .active-tab {background: url('../img/tab.png') no-repeat right top}
.tabs .active-tab span {background: url('../img/tab.png') no-repeat left top; font-weight: bold}
.tabs a {text-decoration: none}

.errors li {color: #f60; list-style: square outside; margin: 0 0 0 2em;
    padding: 0;}

/* mz-dl-form */
.mz-dl-form fieldset {min-width: 35em; margin-bottom: 1em; padding: 0 1em;
    border: #fff groove; border-width: 2px 0 0;}
.mz-dl-form legend {font-weight: bold; font-size:1.4em; padding: 0 0.25em;
    margin: 0 0 0 -0.25em; color: #000}
.mz-dl-form dl {clear: left}
.mz-dl-form dt {float: left; width: 15em; padding: 0.25em 0}
.mz-dl-form dt label {display: block; width: 100%; font-weight: bold}
.mz-dl-form dt label:hover {background: #d2d2e2; color:#000}
.mz-dl-form dd {margin-left:15em; padding: 0.25em 0}
.mz-dl-form .text, .mz-dl-form .thick {width: 95%}
.mz-dl-form .thick {font-size: 1.4em}


/* list form styles */
.list-form {margin-left:1em; padding:0; float:left}
.list-form label, .list-form .label {font-weight:bold; line-height:1.5;
    margin-right: 0.5em; float:left; width: 10em}
.list-form .checkbox input {margin-left: 11em}
.list-form .checkbox label {font-weight: normal; float: none; margin: 0; width:auto}
.list-form .hint {font-size: 1em}
.list-form li {clear:both; list-style: none; margin:0.25em 0; padding: 0.25em 0.5em;
    max-width:32em}
.list-form li.actions {margin-top:0.5em; padding-left: 11em}
.list-form li.actions > * {margin-right: 0.5em}
.list-form .errors {margin: 0; padding: 0 0 0 12em; font-size: 0.86em}
.list-form .errors li {font-size: 1em; list-style: square inside}
.list-form .text, .list-form input[type=text], .list-form textarea, .list-form .value {width: 20em}
.list-form .value {margin-left:10.5em}
.list-form textarea {height: 7em}
.list-form .group {background: #e6e6e6; padding:0.25em 0}
.list-form .group .errors li {margin-left: 2em}
